<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>学生菜单页面</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/bootstrap.js"></script>

<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.theme.css">
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript">
$(function () {
	$("#bt_2").load("${pageContext.request.contextPath}/abc/home1.jsp");
	
	$("#bt_1 ul li").click(function(){
		var obj = $(this).attr("src");
		$("#bt_2").load(obj);
	});
	
	$("#bt_1 ul #thb_3").click(function(){
		alert("123")
		if(confirm("是否注销！")){
			window.location="${pageContext.request.contextPath}/zhuxiao";
		}
	});
});
</script>
<style type="text/css">
.aaa {
	margin-right: 50px;
}

div ul li:hover {
	background: #C1E2B3;
	cursor: pointer;
}

#bbb {
	width: 150px;
	height: 567px;
	float: left;
	position: relative;
	margin:0 0;
	background: #66FFFF;
}

.ccc {
	font-size: 20px;
	margin-bottom: 10px;
	padding-left: 20px;
}

#ddd {
	width: 1016px;
	height: 400px;
	float: right;
}

#bt_2{
	background:#FFFFFF;
	width:80%;
	margin:0 auto;
	height: 600px;
	border: 1px solid blue;
}
td{
	text-align: center;
}
</style>
</head>
<body style="background: #CCFFFF;">
<div id="bt_1" class="container-fluid"
		style="line-height: 50px; color: #5CB85C; border: 1px solid #000000; background: #000;">
		<div class="col-md-3 col-md-offset-2"
			style="font-size: 20px; line-height: 50px;">
			学生成绩管理系统
			<span
				style="font-size: 13px;">
				欢迎你，${str.name}同学</span>
		</div>
		<ul class="list-inline col-md-6 col-md-offset-1"
			style="line-height: 40px; top: 5px;">
			&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
			<li class="aaa" src="${pageContext.request.contextPath}/abc/home1.jsp"><span class="glyphicon glyphicon-home"></span>首页</li>
			<li class="aaa" src="${pageContext.request.contextPath}/abc/menu1.jsp"><span class="glyphicon glyphicon-cog"></span>功能</li>
			<li id="thb_3"><span class="glyphicon glyphicon-off"></span>注销</li>
		</ul>
	</div>
	<div id="bt_2" ></div>
	<div style="border: 1px solid #000000; width: 100%; height: 0px;"></div>
	<div style="background: #7FFFD4; width: 100%; height: 90px" ></div>
</body>
</html>